/** @type {import('tailwindcss').Config} */
export default {
	// 禁用预加载，修复tailwind样式 与 naive-ui button等样式等冲突问题
	corePlugins: {
		preflight: false
	},
	darkMode: 'class',
	content: ['./index.html', './src/**/*.{vue,js}'],
	theme: {
		screens: {
			sm: '640px',
			md: '768px',
			lg: '1024px',
			xl: '1280px',
			'2xl': '1536px'
		},
		boxShadow: {
			DEFAULT: '0px 3px 3px 0px rgba(0, 0, 0, 0.25)',
			md: '0px 3px 3px 0px rgba(0, 0, 0, 0.25)',
			lg: '0px 6px 6px 0px rgba(0, 0, 0, 0.25)',
			xl: '0px 8px 11px 0px rgba(0, 0, 0, 0.25)',
			'2xl': '0px 11px 15px 0px rgba(0, 0, 0, 0.25)'
		},
		borderRadius: {
			none: '0',
			sm: '4px',
			md: '6px',
			lg: '8px',
			xl: '10px',
			DEFAULT: '10px',
			'2xl': '12px',
			'3xl': '20px',
			full: '9999px'
		},
		spacing: {
			0: '0px',
			1: '4px',
			2: '8px',
			3: '12px',
			4: '16px',
			5: '20px',
			6: '24px',
			7: '28px',
			8: '32px',
			9: '36px',
			10: '40px',
			11: '44px',
			12: '48px',
			13: '52px',
			14: '56px',
			15: '60px',
			16: '64px',
			17: '68px',
			18: '72px',
			19: '76px',
			20: '80px',
			21: '84px',
			22: '88px',
			23: '92px',
			24: '96px',
			25: '100px',
			'hover-offset': 'var(--hover-offset)',
			'group-t': 'var(--group-top)',
			'group-b': 'var(--group-bottom)'
		},
		fontSize: {
			xs: ['10px', '16px'],
			sm: ['12px', '18px'],
			base: ['14px', '20px'],
			lg: ['16px', '24px'],
			xl: ['20px', '28px'],
			'2xl': ['24px', '32px'],
			'3xl': ['34px', '40px'],
			'4xl': ['48px', '50px'],
			'5xl': ['60px', '60px'],
			'6xl': ['96px', '96px']
		},
		fontFamily: {
			up: "'Helvetica Neue', v-sans, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
		},
		extend: {
			colors: {
				primary: 'var(--color-primary)',
				'primary-hover': 'var(--color-primary-hover)',
				'gradient-1': 'var(--color-linear-gradient-1)',
				'gradient-2': 'var(--color-linear-gradient-2)',
				success: 'var(--color-success)',
				'success-2': 'var(--color-success-2)',
				warning: 'var(--color-warning)',
				danger: 'var(--color-danger)',
				info: 'var(--color-info)',
				disable: 'var(--color-disable)',
				home: 'var(--color-home)',
				away: 'var(--color-away)',
				't-1': 'var(--color-text-1)',
				't-2': 'var(--color-text-2)',
				't-3': 'var(--color-text-3)',
				't-4': 'var(--color-text-4)',
				't-5': 'var(--color-text-5)',
				't-6': 'var(--color-text-6)',
				't-7': 'var(--color-text-7)',
				't-header': 'var(--text-header)',
				'bg-1': 'var(--color-bg-1)',
				'bg-2': 'var(--color-bg-2)',
				'bg-3': 'var(--color-bg-3)',
				'bg-4': 'var(--color-bg-4)',
				'bg-5': 'var(--color-bg-5)',
				'bg-6': 'var(--color-bg-6)',
				'bg-7': 'var(--color-bg-7)',
				'bg-8': 'var(--color-bg-8)',
				'bg-9': 'var(--color-bg-9)',
				'bg-10': 'var(--color-bg-10)',
				'border-1': 'var(--color-border-1)',
				'border-2': 'var(--color-border-2)',
				'border-3': 'var(--color-border-3)',
				white: {
					200: 'rgba(255,255,255,0.2)',
					500: 'rgba(255,255,255,0.5)',
					800: 'rgba(255,255,255,0.8)',
					DEFAULT: 'rgba(255,255,255,1)'
				},
				black: {
					250: 'rgba(0,0,0,0.25)',
					500: 'rgba(0,0,0,0.5)',
					800: 'rgba(0,0,0,0.8)',
					DEFAULT: 'rgba(0,0,0,1)'
				}
			},
			container: {
				center: true,
				padding: {
					DEFAULT: '16px'
				}
			},
			flexBasis: {
				'1/7': '14.2857143%',
				'2/7': '28.5714286%',
				'3/7': '42.8571429%',
				'4/7': '57.1428571%',
				'5/7': '71.4285714%',
				'6/7': '85.7142857%',
				'1/4': '25%',
				'2/4': '50%',
				'3/4': '75%'
			},
			borderColor: {
				DEFAULT: 'var(--color-border-1)'
			},
			backgroundColor: {
				DEFAULT: 'var(--color-bg-1)'
			},
			backgroundImage: {
				'gradient-header': 'var(--bg-header)',
				'gradient-1': 'linear-gradient(0deg, #181253 1.63%, #181F2A 100%)',
				'gradient-2': 'linear-gradient(180deg, #510C63 0%, #2E394B 100%)',
				'gradient-3': 'linear-gradient(180deg, #2B1F9E, #30146F)',
				'gradient-4': 'linear-gradient(180deg, #270C63 0%, #323F55 100%)'
			}
		}
	},
	plugins: []
}
